<!DOCTYPE html>
<html lang="en">
<head>
    <title>联系我们</title>
    @include("/common/_container.html"){}
    <link rel="stylesheet" href="${ctxPath}/static/css/news.css">
    <!--百度地图-->
    <script type="text/javascript"
            src="https://api.map.baidu.com/api?v=2.0&ak=qA3KbZgIRATm4x93zqBBa639s8Ik7MgR"></script>
    <script type="text/javascript"
            src="https://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
    <link rel="stylesheet" href="https://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css"/>
</head>
<body>

<!-- Header -->
@include("/common/_header.html"){}
<!-- /Header -->

<section class="section-page-header">
    <div class="container">
        <div class="row">

            <!-- Breadcrumbs -->
            <div class="col-md-4">
                <ul class="breadcrumb">
                    <li><i class="fa fa-fw fa-home"></i> <a href="${ctxPath}/index.html">首页</a></li>
                    <li>关于我们</li>
                </ul>
            </div>
            <!-- /Breadcrumbs -->

        </div>
    </div>
</section>

<!--联系我们-->
<main class="main-container">
    <div class="container">

        <div class="row">

            <!-- Contact Form -->
            <div class="col-md-12">

                <h3 class="title contactus">我们的历史</h3>
                <p class="text-justify">
                    重庆江海船舶设备有限公司办公室地址位于长江上游地区经济中心、金融中心——重庆市江北区港宁路9号3幢1单元6层，于2005年04月07日在重庆市工商行政管理局江北区分局注册成立，注册资本为50（万元）。在公司发展壮大的13年里，我们始终为客户提供好的产品和技术支持、健全的售后服务。
                </p>

                <p class="text-justify">
                    我公司主要经营生产救生衣、救生圈、服装、船用信号旗、船用帆布防雨用具（法律法规规定应经审批或许可的项目，应批准后方可经营）；销售船用胶条靠把、消防器材、车船配件、电器机械及其器材、普通机械。我们有好的产品和专业的销售和技术团队，我公司属于重庆救生器材公司行业，如果您对我公司的产品服务有兴趣，期待您在线留言或者来电咨询。

                </p>

            </div>
            <!-- /Contact Form -->

            <!-- Address -->
            <div class="col-md-12 fadeIn wow" data-wow-duration="1.3s" data-wow-delay="0.7s"
                 style="visibility: visible; animation-duration: 1.3s; animation-delay: 0.7s; animation-name: fadeIn;">

                <h3 class="title contactus">联系我们</h3>


                <ul class="contact-information">
                    <li><i class="icon fa fa-fw fa-map-marker"></i><span>Address</span>重庆市江北区港宁路9号3栋1单元6层</li>
                    <li><i class="icon fa fa-fw fa-envelope"></i><span>E-mail</span>532937227${"@"}qq.com</li>
                    <li><i class="icon fa fa-fw fa-phone"></i><span>Phone</span> +86 13808370605</li>
                    <li><i class="icon fa fa-fw fa-qq"></i><span>QQ</span><a target="_blank"
                                                                             href="http://wpa.qq.com/msgrd?v=3&amp;uin=532937227&amp;site=qq&amp;menu=yes"><img
                            border="0" src="http://wpa.qq.com/pa?p=2:514664605:51" alt="点击这里给我发消息"
                            title="点击这里给我发消息"></a></li>
                </ul>

            </div>
            <!-- /Address -->

        </div>


    </div>
    <!--百度地图-->
    <div id="allmap" style="width: 100%;height:500px; "></div>
    <script type="text/javascript">
        // 百度地图API功能
        var map = new BMap.Map('allmap');
        var poi = new BMap.Point(106.639966,29.616665);//修改公司地址的位置 在这里输入坐标
        map.centerAndZoom(poi, 16);
        map.enableScrollWheelZoom();

        var content = '<div style="margin:0;line-height:20px;padding:2px;">'+

            '地址：重庆市江北区港宁路9号3栋1单元6层；<br/>电话：13808370605；' +
            '</div>';

        //创建检索信息窗口对象
        var searchInfoWindow = null;
        searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
            title: "欢迎光临重庆江海船舶设备有限公司",      //标题
            width: 290,             //宽度
            height: 60,              //高度
            panel: "panel",         //检索结果面板
            enableAutoPan: true,     //自动平移
            searchTypes: [
                BMAPLIB_TAB_SEARCH,   //周边检索
                BMAPLIB_TAB_TO_HERE,  //到这里去
                BMAPLIB_TAB_FROM_HERE //从这里出发
            ]
        });
        var marker = new BMap.Marker(poi); //创建marker对象
        marker.enableDragging(); //marker可拖拽
        searchInfoWindow.open(marker);
        marker.addEventListener("click", function (e) {
            searchInfoWindow.open(marker);
        })
        map.addOverlay(marker); //在地图中添加marker

        var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺
        var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件

        //添加控件和比例尺
        function add_control() {
            map.addControl(top_left_control);
            map.addControl(top_left_navigation);
        }

        add_control();
    </script>

</main>

<!--联系我们-->

<!-- Footer -->
@include("/common/_footer.html"){}
<!-- /Footer -->

</body>
</html>
